ا السيرة الذاتية للمعلم 

o 25 

الا 1110/08 5110111111101001010011 

الإدارة التعليمية التابع لها : ا 

المؤهل الدراسى: ااا 0 : 
5 6 

ات وسوس مار وا 

المدرسة الأساسية : 1000[ |[ 1 1 1 1 2222( 3 

المذرسنةالعققهب ليناد oo‏ قا 


٠ ۰ 0 ۰ 
۰ 
#OVCCCCVCVCCCCCCCCCCCCVCCCCVCCCVCCCCVCCCVOCCCLVCCCVCCVCCVOCVOVCVCCCVCVCCVCVOVCOVCVCCVOVOVO4044%%۰ ٠ ret 


الوظيفة على الكادر: 111 1 00010111111 


كود المعلم : الم ا ل 0 


رقم الهاتف : 000 


إعدادوتصميم /جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


: 2228 همد 


سا 
چ 
ا ا ااا 
د ظ 
اخس ]إ ]| ] ل ]| ]| ]اللا 


کے | 
اشع للللللللا 
اشس[ ]| ]| 1 51 ] ]1ا 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب ده 


1 يسا 


I 


م امه الأهداف العامة لمادة الكمبيوتر وتكنولوجيا 
ىن المعلومات والاتصالات 


فى نهاية الفصل الدراسى الأول ينبغى ان يكون الطالب قادراً على: 
2 تعريف بعض العمليات والمفاهيم الخاصة بانشاء صفحات الويب 
4 تعريف بعض المفاهيم والعمليات الأساسية لخدمات وتطبيقات 


تكنولوجيا المعلومات والإتصالات 
ع فهم بعض جوانب الأمن الفكري المتعلقة باستخدام تكنولوجيا 
المعلومات والإتصالات 


4 استخدام أدوات الإنتاج التكنولوجي (لغة ١٣خ"‏ -الوسائط المتعددة "صوت 
صورة فيديو") في دعم تعلمه. 


ع استخدام أدوات الإنتاج التكنولوجي (لغة ١001‏ -الوسائط المتعددة "صوت . 


صورة فيديو" ) في دعم تعلمه 
ع استخدام أدوات الإنتاج التكنولوجي (لغة 01م -الوسائط المتعددة ":صوت 
صورة فيديو ) في دعم ڌ 


# إنتاج مشروع (تصميم موقع ويب) باستخدام العمليات والبرامج والأدوات 
التكنولوجية 


٠‏ »هه 


# إنتاج مشروع (تصميم موقع ويب) باستخدام العمليات والبرامج والأدوات 
التكنولوجية. 


ع توظيف أدوات الإتصال التكنولوجية في تبادل المحتوي والرؤى مع الآخرين 

# استخدام المصادر الإلكترونية في التعامل مع المعلومات 

ع استخدام الأدوات التكنولوجية في معالجة البيانات وتقييمها وإعداد تقارير 
بالنتائج 


إعداد وتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


I 


کھ 7 الأهداف الخاصة لمادة الكمبيوتر وتكنولوجيا 
+ المعلومات والاتصالات 


فى نهاية الفصل الدراسى الأول ينبغى ان يكون الطالب قادراً على. 


7 يتعرف على مفهوم (موقع الويب - صفحة الويب - الصفحة الرئيسية). 
7 يستنتج مكونات موقع الويب. 

۷ يوضح عناصر صفحة الويب (نص - صورة - فيديو- ارتباط تشعبي......) 

7 يوضح مراحل إنشاع موقع ويب. 

7 يحدد عناصر صفحات الويب . 

۷ يدرك أهمية التخطيط لإنشاء صفحة الويب 

۷ يتعرف على برنامج إنشاء ومعالجة الصوت. 

۷ يستخدم برنامج رادل ں۸ لإنشاء ومعالجة ملفات الصوت . كم 
7 يجهزمايلزم لإنشاء ملفات الصوت 

۷ يجري تعديلات بمقاطع الصوت . 


۷ يفرق بين انواع امتدادات الصوت المختلفة . | 
7 يصدر مقطع الصوت لامتداد مناسب 0-7 
۷ يتعرف على بعض برمجيات معالجة وإنشاء الفيديو. الور 
۷ يستورد ملفات صوت وصورة لإنشاء ملفات فيديو. چ 
7 يندذئ مشاهد فيديو 3 ١‏ 
۷ يحفظ ملف مشروع الفيديو. 3 
۷ يضيف (تأثيرات ) لمشاهد الفيديو. Che‏ 


۷ يصدرالفىدى و إلى ملف بامتداد مناسب 

۷ يضيف ( مراحل انتقالية / نص) لمشاهد الفيديو. 

7 يصدرالفيديو إلى ملف بامتداد مناسب. 

7 يميزبين امتدادات ملف الفيديو 

7 يدرج صورة إلي صفحة الويب. 

7 يتحكم في أبعاد الصورة. 

7 يتعرف على مهارات التعامل مع الصور بصفحة الويب 


إعداد وتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


م عد الحصة 
في 


الإستراتيجية العصف الذهني - الحوار والمناقشة 
E‏ التعلم بالأقران 
الوسائل التعليمية السبورة الإلكترونية - العرض 

7 التقديمي 


الوحدة اأولي (مواقع ال ال 
الدرس الأول - مفاهيم وأساسيات مواقع الويب 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
. يتعرف على مفهوم (موقع الويب - صفحة الويب - الصفحة الرئيسية ). 
٠‏ يستنتج مكونات موقع الويب. 
٠‏ يوضح عناصر صفحة الويب (نص - صورة - فيديو- ارتباط تشعبي......) 


التمهيد: مم يتكون موقع الويب؟ 


نا موقع الويب: معنا عن سج ورت أو ارم رة مع مهات اسم معي موقع الويب: 
- له عنوان على شبكة الأنترنت يسمى بعنوان الموقع 8007655 مع ثالا 
-ويمكن زيارة موقع الويب من خلال الكمبيوتر أو الهاتف المحمول. 
صفحة الويب ©5230 داع /لا:- هى مستند به محتوى الكترونى ينشر على شبكة الأنترنت ويتم 
الصفحة الرئيسية 6206 1٠۳١١‏ :- هى أول صفحة فى موقع 


الويب والتى من خلالها يتم الأنتقال لباقى صفحات الموقع. ا د | 
عناصر صفحة الويب:- Ba‏ 
ا-نص -١‏ صورة > 

ار 5- ارتباط تشعبى 


اغآ صفحات الويب الثابتة ع6وجحط -.Static Web‏ - تستخدم صفحات الويب الثابتة لعرض معلومات 
يتم الإطلاع عليها فقط بدون إجراع أى معالجة من الزائرين لمحتواها تستخدم أوامر 471/1 فى 
تصميم هذا النوع من الصفحات . 

صفحةالويب التفاعلية ١2065‏ داع لالاع(1116:211:- هى صفحة معلومات تعرض محتوى يتيح 
للزائرين التفاعل معه ومعالجته لتصميم هذا النوع من صفحات الويب تستخدم أوامر 

11101 ا بالإضافة للغات أخرى مثل لغة 6م5021 202ل. لغة ۴۳١۴‏ وغيرها . 


التقويم: أكمل:- من عناصر صفحة الويب م ل لا 


إعداد وتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص -أ/ياسنمين شعيب 


مريت اصسدهر التاريخ 
کک EE‏ 
تح صم 
تسبل . 
الفصل 
الاستراتيجية العصف الذهنى - الحوار 


والمناقشة - التعلم التعاوني 
الوسائل التعليمية السبورة الإلكترونية - العرض 
5 - التقديمي 


ee‏ الأولي E NET‏ اب 
الدرس الثاني - مراحل وتصميم أنشاء مواقع الويب 
الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن: - 
يوضح مراحل إنشاء موقع ويب. 
" يحددعناصر صفحات الويب. 
* يدرك أهمية التخطيط لإنشاء صفحة الويب. 
التمهيد: فاخي رال تصميم واا موقع ويب 


3 


63 المرحلة الأولن:التخطيظ ليام موقم الويب 
- يتم فى هذة المرحلة عمل رسم تخطيطى بسيط على الورق يتضمن صفحات الموقع (الصفحة الرئيسية للموقع 
وصفحات الويب المرتبطة بها.) 
- تحديد البيانات والمعلومات التى تتضمنها صفحات الويب كمعلومات وخدمات تقدم من خلال الموقع حسب الحاجة. 
0 المرحلة الثانية: تصمىم صفحات الموقع 
هذه المرحلة من أهم المراحل وفىها ىتم: 
- تصميم شكل الصفحة الرئيسية وصفحات الموقع. 
- تحديد التندسيقات المختلفة لصفحات الويب مثل لون الخلفية. حجم الخط ءلونه »نوعه أماكن وضع النصوص, 
الصور.ولقطات الفيديو بصفحات الويب. 
- تحديد الإرتباطات التشعبية داخل الصفحة الرئيسية وصفحات الموقع. 
المرحلة الثالثة: الإعداد والتجهيز 
تتضمن مرحلة الإعداد والتجهيزعدة خطوات هامة وهى: 
- من خلال أحد منسقات النصوص يتم إعداد وتجهيز البيانات النصية التى سوف توضع فى صفحات الويب, 
حفظ النص داخل ملف نص ووضعه داخل مجلد. 
- إعداد وتجهيز ملفات الصورووضعها داخل مجلد. 
- إعداد وتحهيز ملفات الصوت والفيديو وحفظها داخل احد المجلدات وسوف يتم تناول !| انشائها وحفظها لاحقاً. 
المرحلة الرابعة: مرحلة التنفيذ 
- هى مرحلة تحويل التصميم الورقى بالمراحل السابقة إلى صفحات ويب يمكن عرضها خلال أحد 
برامج متصفحات الأنترنت 
.- إضافة البيانات ( نصوص - صور - صوت - فيديو ) فى صفحات الويب. 
- إنشاع الإرتباطات التشعبية بين صفحات الويب حتى يسهل التنقل بين صفحات الموقع ويتم ككل ذلك بإستخدام 
لغات برمجة وأوامر ا17۷ 
اط المرحلة الخامسة: نشر الموقع عبر الانترنت 
وهذة المرحلة تتضمن حجزعنوان للموقع .تخصيص مساحة تخزينية للموقع على أحد أجهزة الخادم , نشر 
الموقع عبر الإنترنت وإعداده للعمل بشكل صحيح. 


التقويم: أكمل:- erise‏ ...هي مرحلة تتضمن تخصيص 
مساحة تخزينية للموقع على احد اجهزة الخادم 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


OE‏ الحصة 
غل ` 


الاستراتيجية العصف الذهني - الحواروالمناقشة - 
بكم التدريب العملي 
الوسائل التعليمية السبورة الإلكترونية - العرض 
* ” التقديمي - برنامج Audacity‏ 


ey‏ 6 لول( مواق اي 
الددس .الثالث - انشاء همعالحة ملفات الصەت 


الأهداف الاجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
٠‏ يتعرف على برنامج إنشاء ومعالجة الصوت. 
٠‏ يستخدم برنامج 8010123618 لإنشاء ومعالجة ملفات الصوت . 
٠‏ يجهزمايلزم لإنشاء ملفات الصوت. 

التمهيد: كوا يمكن إنشاء ملف كوت 


ل هناك العديد من البرامج التى تستخدم فى التعامل مع ملفات الصوت وتمكن المستخدم من إنشاع 
ومعالجة ملفات الصوت بطرق سهلة وجيدة . 
لطا إنشاع ملف صوت: 
يمكن إنشاء ملف صوت يحتوى على المقاطع الصوتية المطلوبة وإضافة التأثيرات المختلفة على 
المقطع الصوتى ثم حفظ الصوت داخل ملف ؛ ولإنشاء الملف الصوق نحتاج إلى أخد برامج معالجة الضوت. | 1 
لغ] مرحلة الإعداد والتجهيز لإنشاء ملف صوت تتضمن : 

بع البيانات التى سوف يتم تسجيلها صوتيا. 5 2 
- التأكد من المكونات البرمجية ( بتثبيت تثُبيت بتثبيت أحد برامج إنشاء ومعالجة الصوت على أجهزة الكمبيوتر بالمعمل | 
- التأكد من توصيل المكونات المادية( توصيل الميكروفون Mic’‏ " - السماعات " ("Speakers‏ خج. 
TET‏ لالنقنار هلق لصوف : : 
: تحميل أحد برامج إنشاء ومعالجة الصوت. 
- تسجيل الصوت بالضغط على زر التسجيل Record butt‹¬‏ 
- إدخال البيانات النصية للكمبيوتر باستخدام الميكرفون. 
- للانتهاع من التسجيل بالضغط على زرالإيقاف 510/2 
- الضغط على زرالتشغيل 51210 
- للإستمتاع إلى الصوت من خلال السماعات. 
الغ التعديل فى الصوت: 
بعد الاستماع إلى الصوت الذى تم تسجيلة قد يكون هناك الحاجة إلى إضافة تأثيرات على الصوت 
( حذف أو قص جزء من الصوت ولقصة فى أماكن اخر فى مقاطع الصوت. 
إضافة تأثير على مقاطع الصوت: 
-تشغيل الصوت بالضغط على زرالتشغيل رهاو الأستماع إليه. 
-تحديد مقطع الصوت المطلوب إضافة التأثيرله وذلك بالضغط والسحب على الجزء المطلوب 
ah‏ بإستخدام مؤشرالقراءة على الشريط الزمنى 
- من قائمة Eff‏ يتم إختيارأحد التأثيرات المطلوبة . 5 


التقويم: أكمل:- لإضافة تأثيرات علي مقاطع الصوت من قائمة ل 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


کک E‏ 
ن 

الفصل 
ea] er‏ العصف الذهني - الحواروالمناقشة - 
الإستراتيج MT‏ 


الوسائل التعليمية السبورة الإلكترونية - العرض 
ˆ - التقديمي - برنامج Audacity‏ 


الوحدة الأولي مو 
5 9 1 الدرس الرابع -تابع إنشاء ومعالجة ملفات الصوت 
الأهداف الإجرائية: بنهاية الدرس ينبغي ان يكون الطالب مادرا علي ان:- 

. يجري تعديلات بمقاطع الصوت‎ ٠ 

. يفرق بينانواع امتدادات الصوت المختلفة‎ ٠ 


٠‏ يصدرمقطع الصوت لإمتداد مناسب. 
التمهيد: كيف يمكن إضافة تعديلات علي ملف صوت؟ 5 
عرض برس 
اغا قص ولصق مقطع صوتى : . 
- تحديد المقطع الصوتى المطلوب نقله من قائمة اع اختار 614 . 4 < 
- تحريك مؤشر القراءة بالشريط الزمني إلى المؤشر المطلوب عمل لصق للمقطع الصوق عنده. من © ”" ! 
قائمة ٤di‏ اختار é". . Paste‏ 
- إعادة تشغيل الصوت من زرالتشغيل و الأستماع إلية . و 
الكاحذف مقطع : کي“ 
- تحديد الموقع الصوتى الصوتى المطلوب حذفه. 0 
- الضغط على مفتاح " 061616 " من لوحة المفاتيح فيتم حذف المقطع الصوتى الذى يتم حذفه. وي 
. 


تصدير ملف الصوت: 
- تصدير ملف الصوت من خلال قائمة " "Export Audio” راıتخا| "File‏ 
- تحديد الأمتداد المناسب لملف الصوت. 
- حفظ ملف الصوت داخل مجلد "١٠١٣م"‏ 
انواع امتداد ملفات الصوت: 
هناك أنواع مختلفة من ملفات امتدادات الصوت 1/153 ,۷۸۷ وهى تختلف فى جودة ونقاء الصوت 
والمساحة التخزينية وعلى حسب الحاجة يتم استخدام امتداد الملف المناسب. 


وج المقارة 
الجودة والنقاء يتميزبالجودة والنقاء أقل نقاء بالمقارنة ب ۷۸۷ 


سعت التخزينية قل 


التقويم. أكمل:- هناك أنواع مختلفة من ملفات امتدادات الصوت منها O‏ 


إعداداوتصميم /جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


کرک الحضة 
ن 

الفصل 
eee Erf‏ العصف الذهني - الحواروالمناقشة - 
الإستراتيجي التدريب العملي 


0 1 الوحدة لأولي(مواقع rd‏ 
SES SEE A E E‏ الددس. الخامس -انشاء ٠‏ معالحة ملفات الفنديه 
الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
٠‏ يتعرف على بعض برمجيات معالجة وإنشاء الفيديو . 
٠‏ يستورد ملفات صوت وصورة لإنشاء ملفات فيديو . 
ينشئ مشاهد فيديو. 


الوسائل التعليمية السبورة الإلكترونية - العرض 


التمهيد: كيف يمكن إنشاء ملف الفيديو؟ 

سل ا م 0 

| علررفضال درس ٠‏ 

6 يوجد العديد من البرامج لأنشاء معالجة برامج الفيديو التى تستخدم فى انشاء فيديوهات ومنها" : 
iveاkeden"‏ وبرنامج و"51101 "open‏ وهى برامج مفتوحة المصدر كما يوجد برنامج :1/101/161721 . 3 5 
- نقوم بتحميل برنامج "۸5101 ٠م0"لأنشاء‏ ومعالجة الفيديو. يمكن الحصول عليه من الرابط اد 0 
تتكون واجهة البرنامج من التالى : | 3 
الشريط الرئيسى 700121 1/1211!. -- ملفات المشروع ES Project File‏ 
تبويب الوظائف 121 0171101 !. - - معاينة الفيديو Preview Window‏ و« ١‏ 
شربط التحرير:5011700152. -- التصغير والتكبير:20011151106. ١‏ 
رأس القرأة .Play head/ Ruler‏ -- الشريط الزمنی © 71506!1. 1 


الشريط الزمنى ٣٥‏ اء" ٢للبرنامج:‏ 
١‏ - المسطرة ۲٥ا۸‏ (تظهرالمدى الزمنى الحالى بالشريط الزمنى ). 
؟- رأس القراءة 12011620 (يقرأ الكليب الحالى الذى يقف علية فى الشريط الزمنى ليظهرفى نافذة معاينة 


الفيديو). 

“- الكليب الحالى (قد يكون صورة أو صوت أو لقطة فيديو). -٤‏ المسارات racks‏ . 

لا إنشاء مشاهد فيديو كليب 

-١‏ إستيراد ملفات الصورداخل البرنامج. ؟- ترتيب الصور على الشريط الزمنى 71071176 للبرنامج 
“- إستيراد ملف الصوت داخل البرنامج. 5- معاينة الفيديو. . 


- يمكنإستيراد الملفات من قائمة ٥ا۴‏ ثم إختيار 5ا۴ 100011 . 

“ai١ 700121 لإضافة ملف الصوت يتم الضغط على + ©1711 50101 بالشريط الرئييسى‎ ٠ 

.521/© لحفظ الفيديو من قائمة ها أختر الأمر 25 أع00[6‎ ٠ 

التقويم: أكمل:- .....يعتبرمن البرامج الخاصة بأنشاع ومعالجة برامج الفيديوا__ 


إعدادوتصميم /جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ياسمين شعيب 


يريت اصسدهر التاريخ 
مر 
کے ا احصة 
سس 2 
الفصل 

الاستراتيجية العصف الذهني - الحواروالمناقشة - 
1 التدريب العملي 
الوسائل التوا رة السبورة الإلكترونية - العرض ڈو واک کک 
اك " ” التقديمي - ڊرaliج OpenShot‏ افا -تابع RRR‏ 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
٠‏ يحفظ ملف مشروع الفىدىو. 
٠‏ يضيف (تاثيرات) لمشاهد الفىدىو. 
٠‏ يصدرالفيديوإك ملف بامتداد مناسب. 

التمهيد: كيف يمكن إضافة تأثيرات لملف الفيديو؟ . 


3 


1 
| عرض ل _ ل درس 1 
اغا حفظ مشروع الفيديو أن هعزه]2 216 5: اروك كار رك وك كد ا 


- من شريط القوائم الرئيسى ۲٥٥۱2۲"‏ 1/1311" يتم إختيار" ٥ا۴"‏ ثم إختيار " Save Project As‏ ". 0 
تعديل مشاهد الفيديو : 
بعد عمل معاينة لمشاهد الفيديو ( الصورمع الصوت ) فقد يكون 
الصوت بالفيديو فترته الزمنية أكبر من الصور ويظهر ذلك فى الشريط 
الزمئی ٥ہ‏ iاeہا٣آ.‏ 
ل التحكم فى الفترة الزمنية المخصصة للصوت مع مشاهد الصور 
- تحريك مؤشرالقراءة وذلك بالضغط والسحب على رأسه ( أو 
بأستخدام الأسهم بلوحة المفاتيح ) حت يصل لآخر مكان على الشريط 
الزمنى ينتهى عند ظهوراخر صورة فى مشهد الفيديو. [ 1 
- الوقوف بمؤشرالفارة على مسار الصوت ( )ء ه۲۲ ) والضغط بالزرالايمن للفارة. 
- ومن القائمة المختصرة التى تظهريتم اختيار شريحة الكليب Slice Clip‏ ثم .Keep leftslide‏ 
عند أختيار أمرشريحة الكليب ما٥‏ 51166 تظهرالأختيارات التالية: 
Both Slides -‏ مKee:‏ - يتم عمل انقسام فى الكليب الذى على المسار 
إلى شريحتين مع الأحتفاظ بهما. - 
- 511065 ها مKee:-‏ يتم عمل انقسام فى الكليب الذى على المسار 
إلى شريحتين مع إبقاء الشريحة باليسار فقط ومسح الشريحة 
باليمين 
- 511065 810111 مKee:‏ - يتم عمل انقسام فى الكليب الذى على المسار إلى شريحتين مع إبقاء 
- الشريحة التى باليمين فقط ومسح الشريحة باليسار. 
۵ إضافة تأثيرات ٤f cts"‏ ' ' لمشهد الفيديو 
الضغط على تبويب Effects"‏ "للأنتقال إلى التأثيرات, ولحذف 
التأثير أختر اء e٥‏ 61016 8. 


التقويم: - أكمل:- ت اتخ م لحمل اتقام فى الكلزب اذى على السار 
- إلى شريحتين مع الأحتفاظ بهما. 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


کڪ ا 


العصف الذهني - الحواروالمناقشة - 
التدريب العملي - التعلم التعاوني 
الوسائل التعليمية السبورة الإلكترونية - العرض 

" - التقديمي - برنامج0501ء6م0 


الإستراتيجية 


الدرس السابع -تابع إنشاء ومعالجة ملفات الفيديو 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
#. يقم ( مراحل انثقالية/ نض )لمشاهد الفيدية: 
٠‏ يصدرالفيديوإلى ملف بامتداد مناسب. 
يميزبين امتدادات ملف الفيديو. 
التمهيد: كيف يمكن إضافة مراحل إنتقالية ونص إلي ملف الفيديو؟. , ٠‏ © : 


-الضغط على تبويب الإنتقالات ”۸5 "۲۲2۶i ٥‏ 7 
-الضغط مع السحب على أحد المراحل الأنتقالية وإضافته للمشهد المطلوب. .© 


-وضع المرحلة الأنتقالية فى بداية أو نهاية المشهد. 
-التحكم فى فترة زمنية لعرض المرحلة الإنتقالية بالضغط والسحب عليها لتقليل أو زيادة الفترة الزمنية لها بالعرض. .' "٠‏ 


الل إضافة نص إلى الفيديو 4ل ني 
- تحديد النصوص المطلوب إضافته إلى الفيديو. , 


- تحديد مكان إضافة النص(فى بداية الفيديو- بين مشاهد الفيديو - فى نهاية الفيديو). 

- من قائمة ©7111 يتم أختيار ©1111 قيظهر المربع الحوارى التالى : ١‏ 

- بالضغط على زر حفظ “ “52۷٥‏ لحفظ النص داخل ملف فى مجلد مشروع ”5701“ . 

- يجب تسمية الملف النصى باللغة الأنجليزية. 1 

- يظهر الملف النصى فى ملفات المشروع '”5ع!21! اء٥زه۶“‏ . 0-0 | سس | 
اللا تصدير الفيديو إلى ملف بأمتداد مناسب 

- الضغط على زرتصدير الفيديو ”5<00111/1060" فى القائمة الرئيسة "7001521 1/1317 ( أو من خلال قائمة "11٠‏ ثم 

aE ("Export Video” اختيار‎ 

- يظهر المربع الحوارى لتصدير الفيديو "Expo ۷ i٥٥”‏ 

- تحديد اسم لحفظ ملف الفيديو ١127”‏ ٥ا۴"‏ 

- تحديد مكان حفظ الملف ”2215 ه11". 

- تحديد نوع امتداد ملف الفيديو ”121061 ". 

- تحديد مستوى جودة الملف 0102117" ". 

- تصدير الفيديو بالضغط على زرتصدير الفيديو "1/1060 570011" . 
ا هناك أنواع مختلفة من ملفات الفيديو ذات الأمتدادات المختلفة وتختلف من حيث المساحة التخزينية 


الجودة والنقاع يتميزبالجودة والنقاء اقل نقاع بالمقارنة ب A۸۷١‏ 
سعته التخزينية كبيرة سعته التخزينية أقل 


التقويم: أكمل:- من أشهر امتدادات ملفات الفیديو.................» en‏ 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


چ ڪر ١‏ تاريخ 
کرک الحخصة 
سے 
دلبل 2 
الفصل 
لاتا الحواروالمناقشة - التدريب العملي - 
الإستراتيجي ال ار 


الوسائل التعليمية السبورة الإلكترونية - العرض 
٠ ٠‏ التقديمي - منسق نصوص 


لوحدة الثانية ( إنشاء صفحات ويب بإستخدام (HTML‏ 
الدرس الأول اة التمميز 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
د يتعرفعلى بعض ادوات انتاج صفحات المعلومات وخدمات الإنترنت. 
يدرك القواعدالأساسية لإنشاء صفحة ويب باستخدام ÎوlمرHTML.‏ 


»" يميزالترتيب البنائي لإنشاء صفحة وييب بأوامر_ 171/11 . و 

التمهيد: كيف يمكن انام صفحات موقع الويب باسدتخدام 11/11 ؟ 
| عطلررضال درس 1 5 

لط لغة الترميز rext Markup Language) HTML‏ erمHyp):‏ ھی لغة تكويد تستخدم لإنشاء صفحات 6 
موقع الإنترنت الثابتة والتى يتم عرضها باستخدام أحد برامج مستعرضات الإنترنت " 61 0اع1!! 2 7 
"explorer - google chrome.......‏ : 3 
62 أوامرلغة e :HT N1‏ 
لإنشاء صفحة ويب يتم استخدام أوامرلغة 11/1!!.وتسمى هذة الأوامربال 12905 ويقوم برنامج مستعرض و« 0 


الإنترنت بتنفيذها ليظهر تأثير تلك الأوامر على صفحة المستعرض. ١‏ 
68 إنشاء صفحة ويب بإستخدام أوامر 1718/1ايجب اتباع القواعد الأساسية التالية: 1 
-إنشاء ملف نصى بإستخدام أحد برامج تحرير النصوص وذلك لكتابة أوامر ١171/1‏ وتعديلها. 
- كتابة أوامر 11/1!! حيث يتم وضع الأمربين العلامتين" <> ". 

- معظم الأوامر لها بداية " <> " ونهاية "< / > " 

- حفظ الملف النصى الذى يحتوى على أوامر 1۲۷1 بإمتداد 8501 أو 1101. 

- فتح الملف المحفوظ بإستخدام مستعرض الأنترنت لعرض صفحة الويب ومشاهدة 


+« ا“ o‏ ذها. 


4 A 


- لايشترط أن تكتب أوامر 1۲١۷/1‏ بحروف كبيرة اة†امة٥‏ أوصغيرة |5021. 

اللعايقسم كود ١171/1‏ لقسمين رئيسين هما: 

- 5620 : المنطقة الخاصة بكتابة معلومات للمستعرض حول الصفحة مثل عنوان الصفحة. 

- 200 : المنطقة الخاصة بكتابة المحتوى الذى سيظهر داخل الصفحة . 

اغا إضافة عنوان لصفحة الويب: 

التقويم: أكمل: يحفظ الملف النصی الذى يحتوى على أوامر 1۲۸/1 بإمتداد 
إعدادوتصميم /جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


مد اعد الحصة 
فير 


الاستراتيجية الحواروالمناقشة - التدريب العملي - 
1 و التعلم التعاوني 
الوسائل التعليمية السبورة الإلكترونية - العرض 

٠ ٠‏ التقديمي - منسق نصوص 


الوحدة TEE AERO‏ ( 
الدرس الثاني -إضافة محتوي لصفحة الويب 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
. يضيف محتوي لصفحة الويب (نص- -صورة - فيديو-ارتباطات تشعبية. )...- 
« ينسق محتوي صفحة الويب. 
© يدرجارتباطات تشعبية داخل صفحة الويب / بىن صفحات الموقع 


التمهيد: توبيمكن إضاقة نص إلى تح و 


لالإضافة نص :- في الملف النصي يكتب النص داخل أمر </00/> ... <ركهط>. 
لا تغييراتجاه صفحة الويب باستخدام الخاصية ١أ0:‏ 
عند تصميم صفحة ويب ذات واجهة عربية يجب تغيير اتجاه الصفحة ليصبح اتجاه محتوى الصفحة من اليمين إلى 
اليسارليتلائم مع طبيعة اللغة العربية .ولتنفيذ ذلك تستخدم الخاصية ۲أ حيث يتحدد اتجاه صفحة الويب 
حسب القيمة المخصصة للخاصية -:011١‏ 
> 1ا۴ اتجاه صفحة الويب من اليمين إلى اليسار. 
> 1۲ا اتجاه صفحة الويب من اليسار إلى اليمين. 
لا تنسيقات صفحة الويب: 
توجد العديد من التنسيقات التى يمكن تطبيقها على محتوى صفحة الويب حتى تبدو أكثر جاذبية» ويوجد من 
التنسيقات ما يطبق على النص بصفحة الويب ومايطبق على خلفية صفحة الويب. 
لا تنسيق النص يتضمن العديد من العلميات سوف نتاول منها: 

- الكتابة بداية من سطر جديد. 

- محاذاة النص. 

- وضع فراغات بين الكلمات. 

- تنسيق الخط من حيث ( النوع - الحجم - اللون - النمط) 
ل الكتابة بداية من سطر جديد بالأمر <5> 
لاتنسيق النص بصفحة الويب: محاذاة النص (توسيط ) بالأمر<!6116ع> 
التقويم: أكمل:لتغييراتجاه صفحة الويب من اليمين إلى. اليسار 211011 


إعداد وتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


کڪ کرک 


الإستراتيجية الحوار والمناقشة - التدريب العملي - 
التعلم التعاوني 


الوسائل التعليمية السبورة الإلكترونية - العرض 
٠ ٠‏ التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام 1۲۸1 ) 
الدرس الثالث -تنسيق صفحة الويب 


الأهداف الاجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
٠‏ يضيف محتوي لصفحة الويب. 
٠‏ يغيرلون خلفية صفحة الويب. 
يدرج صورة كخلفية لصفحة الويب. 


التمهيد: كيف يمكن إدراج صورة بصفحة الويب؟ 
gh e -‏ 
إعرفضظ ل دس : 


عند ترك أي عدد من المسافات بين الكلمات داخل ملف الأوامر سوف يتعامل معها مستعرض الإنترنت 
عند عرض الصفحة على أنها مسافة واحدة. وللتحكم في عدد المسافات (الفراغات) بين الكلمات نستخدم 
الرمز:م015|-2-زبرة حيث يتم تكرارعدد الفراغات بين الكلمات. 


لاتحديد لون خلفية صفحة الويب: 

.١‏ تحديد لون كخلفية لصفحة الويب بالخاصية :6010 0ط 

تستخدم الخاصية 00101 التابعة للأمر<1001> لتحديد لون خلفية صفحة الويب 
الجدول التالى يحتوى بعض أسماء الألوان يمكن استخدامها كقيمة للخاصية :6010 و6: 


لاوضع صورة كخلفية صفحة الويب: 

؟. وضع صورة كخلفية لصفحة الويب بالخاصية 100ناه10و>اء63: 

لوضع صورة كخلفية لصفحة الويب تستخدم الخاصية 2!>0101010<ا التابعة للأمر <ا500>. 
لا إدراج صورة باستخدام الأمر <و"آ>: 


لإدراج صورة فى صفحة الويب يتم استخدام الخاصية 5٠١‏ التابعة للأمر<1170> ويتطلب ذلك تحديد اسم ملف 


الصورة ومكان حفظه 
التقويم: أكمل:- لإدراج صورة فى صفحة الويب يتم استخدام الخاصية ء٠‏ التابعة للأمر 1111 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


الفصل 
الإستراتيجية الحوار والمناقشة - التدريب العملي - 
۰ التعلم التعاوني 


الوسائل التعليمية السبورة الإلكترونية - العرض 
التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام 2111/1) 
الدرس الرابع -تندسيق الخط فى صفحة الويب 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 


. ينسق الخط في صفحة الويب. ° 4 . 
١‏ يحفظ صفحةالويب. 
٠‏ يعرض صفحة الويب من خلال المستعرض. / 
لسري كيف يمكن تنسيق الخط بصفحة الويب؟ 
ا عرض ل ل درس 
ا - ووو الى ا 
من خلال الأمر ٠٣١<‏ ۴> وله مجموعة من الخصائص منها:- 
- نوع الخطعع22. 
-لون الخط :6010©. 
- حجم الخط ©512. 


->يتعرف المستعرض على ۷ أحجام مختلفة من الخطوط والتي 


colorz"red" sizez"6") 9 1 00 5 8 0 a 506‏ " 
يتم تحديدها بواسطة الخاصية 5126 حيث تتراوح قيمة هذه الخاصية 


من !الى ۷ 
-> في حالة عدم استخدام الأمر 10111 يظهر نوع الخط على صفحة الويب 
بالشكل الافتراضي. 


-> يوجد العديد من الأوامر التي من خلالها يتم تنسيق الخط ومنها الأوامر الموضحة بالجدول التالي: 


<u>‏ وضع خط تحت النص (مسطر 00671156لا) 
| <ط> خط عريض (8010) ظ 
ظ <i>‏ خط مائل (1431(6) 


ذه أ الخط ماد كذ الا 
يم: - یددددحدم مر êdin sinensis‏ 
6 9 


إعداد وتصميم / جروب فريق أصدقاء الكمبيوتر المتخصض - أ/ يات 


Po “ee‏ التاريخ 
ےج الح 


ERN 


الإستراتيجية الحواروالمناقشة - التدريب العملي - 
رت اد التعلم التعاوني 
الوسائل التعليمية السبورة الإلكترونية - العرض 
التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام ۸1 1۲) 
الدرس الخامس - إضافة وسائط متعددة لصفحة الويب 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي آل: 
« يتعرف على مهارات التعامل مع الصوربصفحة الويب 
" .يدرج صورة إلي صفحة الويب. 
يتحكم في أبعاد الصورة 


التمهيد: ماذا نعني بالوسائط المتعددة؟ 


لا التعامل مع الصورفى صفحات الويب:- 
إدراج صورة باستخدام الأمر<1:090> لإدراج صورة فى صفحة الويب يتم استخدام الخاصية ع5 التابعة للأمر<150> 
ويتطلب ذلك تحديد اسم ملف الصورة ومكان حفظه. 
تنسيق الصورفى صفحات الويب: 

.١‏ التحكم فى أبعاد الصورة بصفحة الويب. 
يمكن تنسيق الصورة المدرجة بالتحكم فى ابعادها (الأرتفاع والعرض) ومحاذاتها بالنسبة لصفحة الويب. 
يتم التحكم فى أبعاد الصورة من خلال خصائص الأمر<1:090> كالأتى: 

- الخاصية 1و1( ارتفاع الصورة ) مثال ”200”-1طواعط 

- الخاصية 1٤لاس(‏ عرض الصورة ) مثال ”300*”- لأس 

ويتم استخدام وحدة القياس البكسل "1×٥١‏ لقياس ابعاد الصورة. 

تنسيق الصورفى صفحات الويب: 

.١‏ محاذاة الصورة داخل صفحة الويب 
يتم التحكم فى محاذاة الصورة من خلال الخاصية ”واه للأمر <و "1> وتأخذ الخاصية القيم الآتية: 


القيمة الوظيفة 
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Right‏ محاذاة الصورة لأقصى يمين صفحة الويب 


Left‏ محاذاة الصورة لأقصى يسار صفحة الويب 


Middle‏ النص يقع بمحاذاة منتصف الصورة 


Bottom‏ النص يقع بمحاذاة الحافة السفلى للصورة 


Top‏ النص يقع بمحاذاة الحافة العليا للصورة 


التقويم: أكمل:- يتم التحكم فى محاذاة الصورة من خلال الخاصية a‏ 
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ا 
سے 
- 

1 

ي 
mm‏ 


جه د التاريخ 
کرک 0 
کے 
الفصل 
لإستراتيجية الحواروالمناقشة - التدريب العملي - 
م التعلم التعاوني 


الوسائل التعليمية السبورة الإلكترونية - العرض 
٠ -‏ التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام 1۲۸1 ) 
لدرس السادس -إضافة وسائط متعددة وارتباط ترد 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
" يدرج صوت كخلفية إلي صفحة الويب. 
يضيف فيديوإلي صفحة الوي 
يتقن مهارة إضافة إرتباط تشعبي 


التمهيد: ماذا نعني بالإرتباطات التشعبية؟ 
ا عررطظظال سي درسن 
لا التعامل مع الصوت فى صفحات الويب: 


إدراج الصوت كخلفية صوتية لصفحة الويب بالأمر <9501010ط> 

يمكن إدراج الصوت كخلفية لصفحة الويب حيث يتم الاستماع إليه عند تحميل صفحة الويب بالمستعرض. 

برنامج مستعرض الإنتر iٽExplorer Internet‏ هو المستعرة ض الوحيد الذي يدعم تنفيذ الأمر ل 50و( لإدراج 
الصوت كخلفية صوتية لصفحة الويب ولا يظهر تأثير هذا الأمرمع الأنواع الأخري من المستعرضات 

لاالتعامل مع الفيديو داخل صفحة الويب: 

إدراج فيديو داخل صفحة الويب باستخدام الأمر<0 61> 

باستخدام الأمر <7710اع> يتم ادراج الفيديو فى صفحة ملفات الفيديو من النوع ( /17701. - أ4۷. - ]للا5. ) 
بإستخدام الأمر< 70> والخاصية ع5 المصاحبة له» يتم إدراج الفيديو. قيمة الخاصية 5٨٥‏ تأخذ اسم ملف 
الفيديو وامتداده. 


ل الأرتباط التشعبى :Hyperlink‏ 

الأرتباط التشعبى عبارة عن صورة أونص مرتبط بعنوان وعند الضغط عليه يتم الأنتقال إلى هذا العنوان ويمكن أن يكون 
داخل نفس الصفحة أو بصفحة أخرى داخل نفس الموقع أو فى موقع اخر. 

أدراج ارتباط تشعبى Hyperlink‏ 

لإدراج ارتباط تشعبى تستخدم الخاصية ٠۲٠‏ للأمر <2> والتى تحدد قيمتها العنوان المطلوب الإنتقال إليه. 

لكى تصبح صورة ارتباط تشعبى يجب اتباع التالى : 

-إظهارالصورة بأستخدام الأمر<1:19> 

-وضع أمرالصورة <1:70> داخل الأمر <2 /> .........<2>وذلك لتحويلها إلى ارتباط تشعبى 


<3/> ونارة التربية والتعليم < ا اس <a‏ 


عنوان موقع الوزارة 
17 ع ETT a‏ الانتقال re‏ 


التقويم: أكمل:- لإدراج ارتباط تشعبى تستخدم الخاصية sess‏ 
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الإستراتيجية 


السبورة الإلكترونية - العرض 


الوسائل التعليمية الس ترونية 
التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات 
الدرس درس السابع -الد -المشووعات 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قادرا علي ان:- _ 
يحدد عدد صفحات الموقع من التخطيط التفصيلي لموقع الويب. 
* ينشئ صفحات الموقع المختلفة بلغة|11/1!!. 
* يدرج ارتباط تشعبي بين صفحات الموقع 
التمهيد: فددن تكد ها 


0 إنشاء مشروع "موقع مدرستي'.- 


+ 6 م 0 1 4 5 | : 
من التخطيط التفصيلي للموقع يتضح انه مكون من خمس صفحات ويب وهي كال ع E EEE‏ 2 


-١‏ صفحةالويب الرئيسية "مدرستي 
؟- صفحة الويب "عن المدرسة" 
“'- صفحة الويب "ألبوم الصور” 
-٤‏ صفحة الويب "الرؤية والرسالة" 
وسوف يتم إنشاء وحفظ كل صفحة ويب داخل ملف نصي بأستخدام أوامر -ا1۲۸۷1. 
كود صفحة الويب كما يلي <neaa>‏ 


tt1 ٥=‏ / >مدرستي < اأةعه 

</head> 

body bgceolor—"skyblue” دنع موق‎ 

<center> 

<font face—"tahoma"” color~—"red" size—"6" > >مدريستي‎ / font= 
=br> 

«font face~"andalus’” color~"purple” size~"5'=> 

a= n bsp; nbsp;‏ /> الصفحة الرîسãquw> href~—"homne.ht.¬‏ هع 
nbsp; nbsp;‏ >/< عن المدرسة < 7 <a href-"about. ht‏ 
a> nbsp: nbsp;‏ /> آليوم الصور > =a nref-—"photo-htn7‏ 
</a> nbsp:; nbsp;‏ الرؤية والرسالة- 7 =a href photo.ht‏ 
حده / > ١تصل‏ يناع 7 <a href—"contact. ht‏ 

حمطاع حو وام 

height~450° width~"SOO=‏ "وس . امو حا ع" - تم ع وحواع 
</center>‏ 

=</body= 

</ntmı=> 


تقييم مشروعات الطلاب 


التقويم: 


إعداداوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص -أ/ياسنمين شعيب 
١ ۹‏ 2 


الإستراتيجية 


السبورة الإلكترونية - العرض 


الوسائل التعليمية ‏ .. E‏ 
التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام ۸1 1۲) 
الدرس الثامن -المش روعات 


رآ علي أن:- 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون الطالب قاد 
يضيف صورة إلي صفحة الويب 
" يدرج ارتباط تشعبي بين صفحات الموقع 
يحفظ صفحة الويب 

التمهيد: كيف يمكن إنشاء موقع ويب؟ 


الرؤية والرسالة 


لاكودالصفحة 


<head> 

<1418)/>مدرستي <01]18> 

</head> 

<body bgcolor='skyblue'> 

<center> 

<font face-'tahoma’ color¬'red’ size-'6'> 
<ها/> رؤية المدرسة <ا>‎ 

<br><br> 

<۲ط>...إعداد طالب متميز 

<اط>الرسالة 

<60>...تنمية مهارات الطالب 

<br><br> 

<a href-home.htm’ ><img src-'back.jpg’ height-" 100° width-'100 ></a> 
</center> 

</body> 

</html> 


تقييممشروعا الطلاب 


التقويم: 


إعداد وتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ياسمين شعيب 


